<?php
//======================================================================================
//
// Function: Maintain department
//
// Programmer: JKJ/AR
// Date : 2021-11-02
//
// Copyright Reeft A/S (c) - 2021
//======================================================================================
//======================================================================================
// General config
//======================================================================================
include "config/config.php";
//======================================================================================
// Check if user is logged in?
//======================================================================================
include "login_check.php";
//======================================================================================
// Get session variables
//======================================================================================
include "include/getsession.php";
// include "include/uuid_create.php";
// include "include/generate_password_md5.php";
//======================================================================================
// Set language
//======================================================================================
include "include/set_language.php";
//======================================================================================
// Set defaults
//======================================================================================
$pk_reference = $_SESSION['session_dft_pk_reference'];
$referenceCode = $_SESSION['session_dft_referencecode'];
$referenceName = $_SESSION['session_dft_referencename'];
//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $datahub_text0001 ?></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="REEFTvisual - Stoptime">
<meta name="author" content="REEFT A/S">
<link rel="icon" href="images/favicon/favicon.ico">
<!-- Bootstrap / jQuery -->
<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--<link href="css/fontawesome6.5.1/css/all.min.css" rel="stylesheet" type="text/css">
<link href="css/fontawesome6.5.1/css/sharp-solid.min.css" rel="stylesheet" type="text/css">-->
<script src="css/fontawesome6.5.1/js/all.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">
<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">
<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<script src="javascript/jquery.js"></script>
<script src="css/bootstrap4.3.1/js/popper.js"></script>
<script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>
<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
<script src="javascript/jquery.ui.touch-punch.min.js"></script>
<script src="javascript/moment.min.js"></script>
<script src="javascript/moment-duration-format.min.js"></script>
<script src="javascript/number_format/jquery.number.min.js"></script>
<script src="javascript/jquery.scrollTo.min.js"></script>
<link href="javascript/daatatables/media/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
<link href="javascript/daatatables/media/css/fixedHeader.dataTables.min.css" rel="stylesheet" type="text/css">
<link href="javascript/daatatables/Buttons-1.4.2/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css">
<script src="javascript/daatatables/media/js/jquery.dataTables.min.js"></script>
<script src="javascript/daatatables/media/js/dataTables.fixedHeader.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/dataTables.buttons.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.flash.min.js"></script>
<script src="javascript/daatatables/JSZip-2.5.0/jszip.min.js"></script>
<script src="javascript/daatatables/pdfmake-0.1.53/pdfmake.min.js"></script>
<script src="javascript/daatatables/pdfmake-0.1.53/vfs_fonts.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.html5.min.js"></script>
<script src="javascript/daatatables/Buttons-1.4.2/js/buttons.print.min.js"></script>
<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<script src="javascript/viewer-master/dist/viewer.min.js"></script>
<link href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">
<script src="javascript/ajaxq/ajaxq.js"></script>
<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
<script src="javascript/shortcut.js"></script>
<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
<style>
.btn-custom-wide {
height:60px;
width:210px;
}
.border-3 {
border-width:3px !important;
}
td .hover-img {
position:relative;
}
td .hover-img span {
position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
td:hover .hover-img span {
top: 5px;
left:0px;
}
.chosen-container-single {
min-width: 100%;
}
</style>
<script language="JavaScript">
//=============================================================================
// Globals
//=============================================================================
var jsonDataSave = {};
var DFT_MAX_NUMBER_TYPES = <?php echo $DFT_MAX_NUMBER_TYPES ?>;
var DFT_DATE_DISPLAY_FORMAT = '<?php echo $DFT_DATE_DISPLAY_FORMAT ?>';
var DFT_LANGUAGE = '<?php echo $DFT_LANGUAGE ?>';
// Save field
var save_department_code = '';
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
//topDistance: '1800', // Distance from top before showing element (px)
//topSpeed: 300, // Speed back to top (ms)
scrollDistance: '300', // Distance from top before showing element (px)
scrollSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: false, //'Scroll to top', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
});
//=============================================================================
// Get data
//=============================================================================
function getData()
{
$('#data-result').html('<?php echo $datahub_text0003 ?>').addClass('text-center');
// Create param list
parmData = '';
;
$.ajax({
url: "department_maintain_get.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
beforeSend: function( xhr ) {
}
})
.done(function( jsonData ) {
// Save jSon data
jsonDataSave = jsonData;
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
// Reset
HTMLline02 = '<table id="REEFTvisual_data" class="table table-bordered table-striped table-hover">';
HTMLline02 += '<thead>'
+ '<tr class="bg-primary text-white font-weight-bold text-center">'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0139 ?>'
+ '</th>'
+ '<th class="text-left">'
+ '<?php echo $datahub_text0140 ?>'
+ '</th>'
+ '<th class="text-center">'
+ '<?php echo $datahub_text0123 ?>'
+ '</th>'
+ '<th class="text-center">'
+ '<button id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd(\'' + '0' + '\')" class="btn btn-dark font-weight-bold">' + '<?php echo $datahub_button_save_01 ?>' + '</button>'
+ '</th>'
+ '</tr>'
+ '</thead>'
+ '<tbody>'
;
$.each( jsonData.detail, function( index, object ){
var pk_department = object.pk_department;
var department_code = object.department_code;
var department_name = object.department_name;
var department_image = object.department_image;
var department_color = object.department_color;
var department_active = object.department_active;
if ( department_active == '1' ) {
var department_active_text = '<div class="text-success font-weight-bold"><?php echo $datahub_YES ?></div>';
} else {
var department_active_text = '<div class="text-danger font-weight-bold"><?php echo $datahub_NO ?></div>';
}
// Show deleted
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' )
{
var recordOK = 'Y';
} else {
if ( department_active == 1 )
{
var recordOK = 'Y';
} else {
var recordOK = 'N';
}
}
// Show record
if ( recordOK == 'Y' )
{
HTMLline02 += '<tr>'
+ '<td class="text-left">'
+ department_code
+ '</td>'
+ '<td class="text-left">'
+ department_name
+ '</td>'
+ '<td class="text-center">'
+ department_active_text
+ '</td>'
+ '<td>'
+ '<button id="' + pk_department + '" onclick="dataChange(\'' + pk_department + '\')" class="btn btn-primary">' + '<?php echo $datahub_button_edit ?>' + '</button>'
+ '</td>'
+ '</tr>'
;
}
});
HTMLline02 += '</tbody>'
+ '</table>'
// Show yourself to the world, you little fvcker
$('#data-result').html(HTMLline02);
// Datatables
setDataTables();
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
})
.always(function( xml ) {
//console.log('I am always..');
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{
$('#REEFTvisual_data').DataTable({
"responsive": true,
"fixedHeader": true,
"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
"iDisplayLength": 25,
"processing": true,
"dom": 'lfi<bottom>Bp<"clear">',
"order": [[ 0, "asc" ]],
"columnDefs": [
{
"targets": [ 3 ],
"visible": true,
"searchable": false,
"orderable": false
}
],
"language":
{
"sProcessing": "<?php echo $datahub_datatable_Processing ?>",
"sLengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"sZeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"sInfo": "<?php echo $datahub_datatable_Info ?>",
"sInfoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"sInfoPostFix": "<?php echo $datahub_datatable_InfoPostFix ?>",
"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
"sSearch": "<?php echo $datahub_datatable_Search ?>",
"sUrl": "<?php echo $datahub_datatable_Url ?>",
"oPaginate": {
"sFirst": "<?php echo $datahub_datatable_First ?>",
"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
"sNext": "<?php echo $datahub_datatable_Next ?>",
"sLast": "<?php echo $datahub_datatable_Last ?>"
}
},
"rowCallback": function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
},
"buttons": [
{
extend: 'pdf',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
orientation: 'landscape',
exportOptions: {
modifier: {
page: 'all'
}
}
},
{
extend: 'excel',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel'
},
{
extend: 'copy',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard'
},
]
});
}
//=============================================================================
// Reason addd
//=============================================================================
function dataAdd ( input_pk_type )
{
$('#input-mode').val('*add');
$('#modal-input-department_code').val( '' );
$('#modal-input-department_name').val( '' );
// Hidden fields
$('#modal-input-pk_department').val( 0 );
$('#modal-input-department_image').val( '' );
$('#modal-input-department_color').val( '' );
$('#modal-input-department_active').val( '1' );
// Reset save field
save_department_code = '';
// Set active - default YES
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-danger').addClass('btn-primary');
// Reset modal message
resetModalMessage();
// Show modal
$('#departmentMaintainModal').modal('show');
$('#departmentMaintainModal').on('shown.bs.modal', function () {
$('#modal-input-department_code').trigger('focus');
})
}
//=============================================================================
// Reason change
//=============================================================================
function dataChange( input_pk_department )
{
$('#input-mode').val('*update');
// Find the correct data
$.each( jsonDataSave.detail, function( index, object ){
var pk_department = object.pk_department;
var department_code = object.department_code;
var department_name = object.department_name;
var department_image = object.department_image;
var department_color = object.department_color;
var department_active = object.department_active;
// Data found
if ( input_pk_department == pk_department ) {
$('#modal-input-pk_department').val( pk_department );
$('#modal-input-department_code').val( department_code );
$('#modal-input-department_name').val( department_name );
$('#modal-input-department_image').val( department_image );
$('#modal-input-department_color').val( department_color );
// Save orginal department code
save_department_code = department_code;
// Check active code
if ( department_active != '0' && department_active != '1' ) {
department_active = '1';
}
$('#modal-input-department_active').val( department_active );
// Set active - default YES
if ( department_active == '1' ) {
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-danger').addClass('btn-primary');
} else {
$('#button-deleted-no').removeClass('btn-primary').addClass('btn-danger');
$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
}
}
})
// Reset modal message
resetModalMessage();
// Show modal
$('#departmentMaintainModal').modal('show');
$('#departmentMaintainModal').on('shown.bs.modal', function () {
$('#modal-input-department_code').trigger('focus');
})
}
//=============================================================================
// Toggle Delete Reason
//=============================================================================
function toggleDelete()
{
$('#icon-modal-input-active').removeClass('text-success text-danger');
var active = $('#modal-input-active').val();
// active?
if ( active == '1' ) {
$('#modal-input-active').val( '0' );
$('#icon-modal-input-active').html('<i class="far fa-2x fa-check-square"></i>').addClass('text-danger');
} else {
$('#modal-input-active').val( '1' );
$('#icon-modal-input-active').html('<i class="far fa-2x fa-square"></i>');
}
}
//=============================================================================
// Save reference
//=============================================================================
function dataSave()
{
// Reset modal message
resetModalMessage();
// Check content of fields
if ( $('#modal-input-department_code').val() == '' ) {
//$('#modal-message').addClass('mt-2 p-2 font-weight-bold border border-danger rounded bg-light').html( '<?php echo $datahub_error0033 ?>' );
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0033 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-department_code').focus();
return false;
}
if ( $('#modal-input-department_name').val() == '' ) {
//$('#modal-message').addClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '<?php echo $datahub_error0034 ?>' );
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0034 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-department_name').focus();
return false;
}
var mode = $('#input-mode').val();
var data = $('#dataForm').find('input, select').serializeArray();
var result = JSON.stringify(data);
// console.log(data);
// console.log(result);
// return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "department_maintain_save.php",
type: "POST",
data: parmData,
dataType: "xml",
cache: false,
})
.done(function( xml ) {
$(xml).find('header').each(function(){
rows_updated = $(this).find('rows_updated').text();
returnCode = $(this).find('returnCode').text();
$('#departmentMaintainModal').modal('hide');
getData();
});
})
.always(function( xml ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{
var department_code = $('#modal-input-department_code').val();
// If update, then the "orginal" code is ok
if ( $('#input-mode').val() == '*update' ) {
if ( department_code == save_department_code ) {
return;
}
}
var parmData = 'department_code=' + department_code
;
$.ajax({
url: "department_check_if_exist.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
if ( returnCode == '00') {
//$('#modal-message').addClass('mt-2 p-2 font-weight-bold border border-danger rounded bg-light').html( '<?php echo $datahub_error0032 ?>' );
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0032 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-department_code').focus();
return false;
}
// Reset modal message
resetModalMessage();
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Set Active Button (Yes/No)
//=============================================================================
function setActiveButton( activeMode )
{
if ( activeMode == '1' ) {
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-danger').addClass('btn-primary');
} else {
$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-deleted-no').removeClass('btn-primary').addClass('btn-danger');
}
$('#modal-input-department_active').val(activeMode );
}
//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' ) {
$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
$('#input-show-deleted').val('N');
} else {
$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
$('#input-show-deleted').val('Y');
}
getData();
}
//=============================================================================
// Log off
//=============================================================================
function signoff()
{
window.location.href = "logout.php";
}
//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{
window.location.href = url;
}
//=============================================================================
// Set clock
//=============================================================================
function updateClock() {
var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )
$('#current-time').html( currentTime );
}
//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {
// Reset
//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( ' ' );
$('#modal-message').removeClass('border-bottom').html( ' ' );
$('#modal-save-button').removeClass('disabled').prop("disabled", false);
}
//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{
// Do not show deleted
$('#input-show-deleted').val('N');
// Get data
getData();
//-----------------------------------------------------------------------
// Start the clock
//-----------------------------------------------------------------------
updateClock();
setInterval(function() {
updateClock();
}, 1000);
//-----------------------------------------------------------------------
//=========================================================================================================
// Set color picker - TEXT
//=========================================================================================================
$(".text-color-palette").spectrum({
showInitial: true,
showInput: true,
chooseText: "Vælg farve",
cancelText: "Annuller",
preferredFormat: "hex",
color: "#000",
showPalette: true,
flat: false,
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
],
// Called as the original input changes. Only happens when the input is closed or the 'Choose' button is clicked.
change: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
// Calculate text color based on background color
var hexcolor = hexValueColor;
hexcolor = hexcolor.replace("#", "");
var r = parseInt(hexcolor.substr(0,2),16);
var g = parseInt(hexcolor.substr(2,2),16);
var b = parseInt(hexcolor.substr(4,2),16);
var yiq = ((r*299)+(g*587)+(b*114))/1000;
if ( yiq >= 128) {
var textColor = 'black';
} else {
var textColor = 'white';
}
}
});
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Set short cuts
//-----------------------------------------------------------------------
shortcut.add("Alt+F6",function() {
$('#add-button').click();
});
// Toggle show deleted
shortcut.add("Alt+F2",function() {
$('#button-toggle-show-deleted').click();
});
});
// -->
</script>
</head>
<body>
<div class="container-fluid mt-2 pl-3 pr-3">
<input type="text" id="input-mode" class="d-none">
<input type="text" id="input-show-deleted" class="d-none">
<div class="row">
<div class="col-2">
<img src="images/customer-logo.png" alt="Customer Logo">
</div>
<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
<i class="font-awesome-pseudo-class fa-thin fa-clock"></i> <span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
</div>
<div class="col-2 text-right">
<div class="btn btn-primary mb-1" onclick="loadPage('menu_admin.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>
<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
<div class="btn btn-danger mb-1 d-none d-lg-inline-block" onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_04 ?>"><i class="font-awesome-pseudo-class fa-thin fa-2x fa-right-from-bracket"></i></div>
</div>
</div>
<div class="card mt-2">
<div class="card-header text-muted">
<div class="row mt-2">
<div class="col-4 h4">
<i class="font-awesome-pseudo-class fa-thin fa-store"></i> <?php echo "$datahub_text0141"; ?>
</div>
<div class="col text-right font-weight-bold">
<button type="button" class="btn btn-dark" id="button-toggle-show-deleted" title="Alt+F2=Toggle" onclick="showDeleted()"><?php echo $datahub_button_show_also_deleted ?> : <span id="button-show-deleted" class="font-weight-bold"><?php echo $datahub_NO ?></span></button>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<div id="data-result"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Set footer -->
<?php
include "include/footer.php";
?>
<!-- Set footer -->
<!-- ========================================================================== -->
<!-- M O D A L S -->
<!-- ========================================================================== -->
<!-- Modal -->
<div class="modal fade" id="departmentMaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="departmentMaintainModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="departmentMaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-store"></i> <?php echo $datahub_text0141 ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form name="dataForm" id="dataForm">
<input type="text" class="d-none" name="modal-input-pk_department" id="modal-input-pk_department">
<input type="text" class="d-none" name="modal-input-department_image" id="modal-input-department_image">
<input type="text" class="d-none" name="modal-input-department_color" id="modal-input-department_color">
<div class="row">
<div class="col-3">
<?php echo $datahub_text0139 ?>
</div>
<div class="col-6">
<input class="form-control" type="text" onkeyup="checkDataExists()" id="modal-input-department_code" name="modal-input-department_code">
</div>
</div>
<div class="row mt-3">
<div class="col-3">
<?php echo $datahub_text0140 ?>
</div>
<div class="col-6">
<input class="form-control" type="text" onkeyup="resetModalMessage()" id="modal-input-department_name" name="modal-input-department_name">
</div>
</div>
<div class="row mt-3">
<div class="col-3">
<?php echo $datahub_text0123 ?>
</div>
<div class="col-6">
<button type="button" class="btn btn-primary" onclick="setActiveButton('1')" id="button-deleted-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setActiveButton('0')" id="button-deleted-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" onkeyup="resetModalMessage()" id="modal-input-department_active" name="modal-input-department_active">
</div>
</div>
</form>
</div>
<div class="modal-footer-pretty modal-footer">
<div class="container-fluid">
<div class="row">
<div class="col-12 text-left">
<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message"> </div>
</div>
</div>
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" id="modal-save-button" class="btn btn-primary btn-block" onclick="dataSave()"><?php echo $datahub_button_save ?></button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal"><?php echo $datahub_button_cancel ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>